﻿<!DOCTYPE html>
<html lang="en">

	<head>

		<!-- Basic page needs
    ============================================ -->
		<title></title>
		<meta charset="utf-8">
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="author" content="Magentech">
		<meta name="robots" content="index, follow" />

		<!-- Mobile specific metas
    ============================================ -->
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<!-- Favicon
    ============================================ -->
		<link rel="shortcut icon" type="image/png" href="ico/favicon-16x16.png">

		<!-- Libs CSS
    ============================================ -->
		<link rel="stylesheet" href="css/bootstrap/css/bootstrap.min.css">
		<link href="css/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<link href="js/datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">
		<link href="js/owl-carousel/owl.carousel.css" rel="stylesheet">
		<link href="css/themecss/lib.css" rel="stylesheet">
		<link href="js/jquery-ui/jquery-ui.min.css" rel="stylesheet">
		<link href="js/minicolors/miniColors.css" rel="stylesheet">

		<!-- Theme CSS
    ============================================ -->
		<link href="css/themecss/so_searchpro.css" rel="stylesheet">
		<link href="css/themecss/so_megamenu.css" rel="stylesheet">
		<link href="css/themecss/so-categories.css" rel="stylesheet">
		<link href="css/themecss/so-listing-tabs.css" rel="stylesheet">
		<link href="css/themecss/so-category-slider.css" rel="stylesheet">
		<link href="css/themecss/so-newletter-popup.css" rel="stylesheet">

		<link href="css/footer/footer1.css" rel="stylesheet">
		<link href="css/header/header1.css" rel="stylesheet">
		<link id="color_scheme" href="css/theme.css" rel="stylesheet">
		<link href="css/responsive.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="css/login.css" />

		<!-- Google web fonts
    ============================================ -->
		<!--<link href='https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700' rel='stylesheet' type='text/css'>-->
		<style type="text/css">
			body {
				font-family: 'Poppins', sans-serif;
			}
		</style>

	</head>

	<body class="res layout-1">
		<div id="app-category">
			<<!--登录注册模态框开始---------------------------------------------------------------------------------------->
			<div>
				
				<!-- 注册模态框（Modal） -->
				<!-- <div class="modal" id="registerBox"> -->
				<div class="modal fade" id="registeredModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog" style="z-index: 5">
						<div class="modal-content">
							<div class="layer-show-close" onclick="goLoginEls()"></div>
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户账号注册</h1>
								<p>请使用本人常用手机号码进行注册</p>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">									
										<div class="register-form">
											<div class="form_group">
												<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="mobile" required/>
											</div>
											<div class="form_group validation">
												<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码"  class="code" required/>
												<span class="get_yzcode get-code" onclick="getCodeEls()">获取验证码</span>
												<span class="get_yzcode id-code"></span>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="tel" placeholder="请输入邀请手机号码" class="referral" required/>
											</div>
											<div class="form_group">
												<i class="icon-mima"></i><input type="password" placeholder="请设置密码" class="password" required/>
											</div>
											<p class="terms_service register-service">
												<input type="checkbox" class="service-check" checked="checked" name="serviceCheck">
												<span onclick="registerService()">用户注册代表同意<i>《服务条款》</i></span>
											</p>
											<div class="tips-form"></div>
											<div class="loading"></div>
											<div class="login_btn">
												<a href="javascript:;" class="register-button" onclick="registerEls()">注册</a>
											</div>
										</div>
										<div class="register-success">
											<p>恭喜您！已注册成功！</p>
											<div class="login_btn">
												<a href="#" data-toggle="modal" data-target="#loginModal" onclick="goLoginEls()">去登录</a>
											</div>
										</div>									
								</div>
							</div>				
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- <div class="register-bg" onclick="rigsterClose()"></div> -->
					<!-- /.modal -->
				</div>

				<!-- 登录模态框（Modal） -->
				<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="layer-show-close" onclick="loginHideLayer()"></div>
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 id="myModalLabel" class="modal-title">用户账号登录</h1>
								<!-- <h1 class="modal-title" id="myModalLabel">
									<a href="javascript:;" class="pwd_active" onclick="pwLogin()">密码登录</a>
									<a href="javascript:;" onclick="msgLogin()">短信登录</a>
								</h1> -->
							</div>
							<div class="modal-body">
								<div class="login_form_box login_pwd_main iconfont">
									<div class="login-form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" class="tel-login" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入密码" class="pw-login" required/>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="#" data-toggle="modal" data-target="#registeredModal" class="go_register" onclick="rigsterGoLayer()">去注册</a></span>
											<!-- <span class="forgot_password" data-toggle="modal" data-target="#pwd1Modal"  id="pwd_next_step1">忘记密码？</span> -->
										</p>
										<div class="tips-form"></div>
										<div class="loading"></div>
										<div class="login_btn">
											<a href="javascript:;" onclick="loginEls()">登录</a>
										</div>
									</div>
									<div class="login-success">
										<p>恭喜您！登录成功！</p>
									</div>	
								</div>
								<div class="login_form_box login_note_main iconfont">									
									<div class="login-form">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="请输入手机号" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<p class="terms_service login_account">
											<span>没有账号？&nbsp;<a href="#" class="go_register" data-toggle="modal" data-target="#registeredModal" onclick="rigsterGoLayer()">去注册</a></span>
										</p>
										<div class="login_btn">
											<a href="#">登录</a>
										</div>
									</div>									
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 找回密码1 模态框（Modal） -->
				<div class="modal fade" id="pwd1Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-shouji"></i><input type="tel" placeholder="手机号/用户名/邮箱" required/>
										</div>
										<div class="form_group validation">
											<i class="icon-anquan"></i><input type="text" placeholder="图片验证码 " required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd2Modal" id="pwd_next_step2">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码2 模态框（Modal） -->
				<div class="modal fade" id="pwd2Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<p class="login_account_name">当前账户名 : 58********</p>
									<form class="form form_submit">
										<div class="form_group validation">
											<i class="icon-shouji"></i><input type="tel" placeholder="15260780877" required/>
											<span class="get_yzcode">获取验证码</span>
										</div>
										<div class="form_group">
											<i class="icon-anquan"></i><input type="text" placeholder="请输入验证码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd3Modal" id="pwd_next_step3">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd3Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box login_account_main iconfont">
									<form class="form form_submit">
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="请输入新密码" required/>
										</div>
										<div class="form_group">
											<i class="icon-mima"></i><input type="password" placeholder="确认新密码" required/>
										</div>
									</form>
									<div class="login_btn submit">
										<a href="#" data-toggle="modal" data-target="#pwd4Modal" id="pwd_next_step4">下一步</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>
				<!-- 找回密码3 模态框（Modal） -->
				<div class="modal fade" id="pwd4Modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">用户正在找回密码</h1>
								<form action="" method="post" class="retrieve_pwd_radio">
									<span>
										<input id="color-input-red" class="chat-button-location-radio-input" type="checkbox" name="color-input-red" value="" />
										<label for="color-input-red"></label >确认账户
									</span>
									<span>
										<input id="color-input-red1" class="chat-button-location-radio-input" type="checkbox" name="color-input-red1" value="" />
										<label for="color-input-red1"></label >验证账户
									</span>
									<span>
										<input id="color-input-red2" class="chat-button-location-radio-input" type="checkbox" name="color-input-red2" value="" />
									<label for="color-input-red2"></label >重置密码
									</span>
								</form>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">
									<div style="width: 60%;margin: auto;text-align: center;font-size: 14px;">
										<img src="image/cg.png" />
										<p class="">恭喜你，成功找回密码</p>
									</div>
									<div class="login_btn submit">
										<a href="#" style="background: #fe4f36;">确定</a>
									</div>
								</div>
							</div>
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

				<!-- 注册模态框（Modal） -->
				<div class="modal fade" id="confirmModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="iconfont icon-cuo"></i></button>
								<h1 class="modal-title" id="myModalLabel">确认退出</h1>
							</div>
							<div class="modal-body">
								<div class="login_form_box iconfont">									
										<div class="confirm-success" style="display: block;">
											<p>您确认要退出登录码？</p>
											<div class="login_btn">
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" onclick="logOutEls()">确认</a>
												</div>
												<div class="col-xs-6">
													<a href="#" data-toggle="modal" data-target="#confirmModal" class="col-xs-6">取消</a>
												</div>
											</div>
										</div>									
								</div>
							</div>				
						</div>
						<!-- /.modal-content -->
					</div>
					<!-- /.modal -->
				</div>

			</div>
			<!--登录注册模态框结束---------------------------------------------------------------------------------------->
			<div id="wrapper" class="wrapper-fluid banners-effect-5">

				<!-- Header Container  -->
				<header id="header" class=" typeheader-1">

					<!-- Header Top -->
					<div class="header-top hidden-compact">
						<div class="container">
							<div class="row">
								<div class="header-top-left col-lg-7 col-md-8 col-sm-6 col-xs-4">
									<div class="hidden-md hidden-sm hidden-xs welcome-msg">欢迎来到中宇商城！周末每天包装新的优惠/礼物--新的优惠券代码：<span>快乐2019</span> </div>
									<ul class="top-link list-inline hidden-lg ">
										<li class="account" id="my_account">
											<a href="#" title="My Account " class="btn-xs dropdown-toggle" data-toggle="dropdown"> <span class="hidden-xs">我的账号</span> <span class="fa fa-caret-down"></span>
											</a>
											<ul class="dropdown-menu ">
												<li>
													<a href="#"><i class="fa fa-user"></i> 注册</a>
												</li>
												<li>
													<a href="#"><i class="fa fa-pencil-square-o"></i> 登录</a>
												</li>
											</ul>
										</li>
									</ul>
								</div>
								<div class="header-top-right collapsed-block col-lg-5 col-md-4 col-sm-6 col-xs-8">
									<ul class="top-link list-inline lang-curr">
										<li class="currency">
											<div class="btn-group currencies-block">
												<form action="index.html" method="post" enctype="multipart/form-data" id="currency">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<span class="icon icon-credit "></span>人民币<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu btn-xs">
														<li>
															<a href="#">(￥)&nbsp;US Dollar </a>
														</li>
													</ul>
												</form>
											</div>
										</li>
										<li class="language">
											<div class="btn-group languages-block ">
												<form action="index.html" method="post" enctype="multipart/form-data" id="bt-language">
													<a class="btn btn-link dropdown-toggle" data-toggle="dropdown">
														<img src="image/catalog/flags/cn.png" alt="中文" title="中文">
														<span class="">中文</span>
														<span class="fa fa-angle-down"></span>
													</a>
													<ul class="dropdown-menu">
														<li>
															<a href=""> <img class="image_flag" src="image/catalog/flags/gb.png" alt="English" title="Arabic" /> English </a>
														</li>
													</ul>
												</form>
											</div>

										</li>
									</ul>

								</div>
							</div>
						</div>
					</div>
					<!-- //Header Top -->

					<!-- Header center -->
					<div class="header-middle">
						<div class="container">
							<div class="row">
								<!-- Logo -->
								<div class="navbar-logo col-lg-2 col-md-3 col-sm-4 col-xs-12">
									<div class="logo">
										<a href="index.html"><img src="image/catalog/logo.png" title="大米卷" alt="大米卷" /></a>
									</div>
								</div>
								<!-- //end Logo -->

								<!-- Search -->
								<div class="col-lg-7 col-md-6 col-sm-5">
									<div class="search-header-w">
										<div class="icon-search hidden-lg hidden-md hidden-sm"><i class="fa fa-search"></i></div>

										<div id="sosearchpro" class="sosearchpro-wrapper so-search ">
											<form>
												<div id="search0" class="search input-group form-group">
													<div class="select_category filter_type  icon-select hidden-sm hidden-xs">
														<select class="no-border" name="category_id">
															<option value="0">所有品类</option>
															<option value="78">家用电器</option>
															<option value="77">手机/运行商/数码</option>
														</select>
													</div>

													<input class="autosearch-input form-control" type="text" value="" size="50" autocomplete="off" placeholder="输入想要搜索的关键词" name="search">

													<button type="submit" class="button-search btn btn-primary" name="submit_search"><i class="fa fa-search"></i></button>

												</div>
												<input type="hidden" name="route" value="product/search" />
											</form>
										</div>
									</div>
								</div>
								<!-- //end Search -->
								<div class="middle-right col-lg-3 col-md-3 col-sm-3">
									<!--cart-->
									<div class="shopping_cart">
										<div id="cart" class="btn-shopping-cart">
											<!-- <a data-loading-text="加载... " class="btn-group top_cart dropdown-toggle" data-toggle="dropdown" aria-expanded="true"> -->
											<a id="laytype-1" class="btn-group top_cart" href="javascript:;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>
											<a id="laytype-2" class="btn-group top_cart" href="shopping_cart_list.html" style="display: none;">
												<div class="shopcart">
													<span class="icon-c">
						                                <i class="fa fa-shopping-bag"></i>
						                            </span>
													<div class="shopcart-inner">
														<p class="text-shopping-cart top-shop-cart">
															购物车
														</p>
														<span class="total-shopping-cart cart-total-full">
			                                   			<span class="items_carts"></span>
														</span>
													</div>
												</div>
											</a>

											<ul class="dropdown-menu pull-right shoppingcart-box" role="menu" style="display: none;">
												<li>
													<table class="table table-striped">
														<tbody>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/1.jpg" style="width:70px" alt="Yutculpa ullamcon" title="Yutculpa ullamco" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥80.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('2');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
															<tr>
																<td class="text-center" style="width:70px">
																	<a href="product.html">
																		<img src="image/catalog/demo/product/80/2.jpg" style="width:70px" alt="Xancetta bresao" title="Xancetta bresao" class="preview">
																	</a>
																</td>
																<td class="text-left">
																	<a class="cart_product_name" href="product.html">商品名称</a>
																</td>
																<td class="text-center">x1</td>
																<td class="text-center">￥60.00</td>
																<td class="text-right">
																	<a href="product.html" class="fa fa-edit"></a>
																</td>
																<td class="text-right">
																	<a onclick="cart.remove('1');" class="fa fa-times fa-delete"></a>
																</td>
															</tr>
														</tbody>
													</table>
												</li>
												<li>
													<div>
														<table class="table table-bordered">
															<tbody>
																<tr>
																	<td class="text-left"><strong>小计</strong>
																	</td>
																	<td class="text-right">￥140.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>生态税 (-2.00)</strong>
																	</td>
																	<td class="text-right">￥2.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>增值税(20%)</strong>
																	</td>
																	<td class="text-right">￥20.00</td>
																</tr>
																<tr>
																	<td class="text-left"><strong>总计</strong>
																	</td>
																	<td class="text-right">￥162.00</td>
																</tr>
															</tbody>
														</table>
														<p class="text-right">
															<a class="btn view-cart" href="#"><i class="fa fa-shopping-cart"></i>查看购物车</a>&nbsp;&nbsp;&nbsp;
															<a class="btn btn-mega checkout-cart" href="#"><i class="fa fa-share"></i>查看</a>
														</p>
													</div>
												</li>
											</ul>
										</div>

									</div>
									<!--//cart-->

									<ul class="wishlist-comp hidden-md hidden-sm hidden-xs">
										<li class="compare hidden-xs">
											<a href="#" class="top-link-compare" title="对比"><i class="fa fa-refresh"></i></a>
										</li>
										<li class="wishlist hidden-xs">
											<a href="#" id="wishlist-total" class="top-link-wishlist" title="收藏"><i class="fa fa-heart"></i></a>
										</li>
									</ul>

								</div>

							</div>

						</div>
					</div>
					<!-- //Header center -->

					<!-- Header Bottom -->
					<div class="header-bottom hidden-compact">
						<div class="container">
							<div class="row">

								<div class="bottom1 menu-vertical col-lg-2 col-md-3 col-sm-3">
									<div class="responsive so-megamenu megamenu-style-dev ">
										<div class="so-vertical-menu ">
											<nav class="navbar-default">

												<div class="container-megamenu vertical">
													<div id="menuHeading">
														<div class="megamenuToogle-wrapper">
															<div class="megamenuToogle-pattern">
																<div class="container">
																	<div>
																		<span></span>
																		<span></span>
																		<span></span>
																	</div>
																	分类目录
																</div>
															</div>
														</div>
													</div>

													<div class="navbar-header">
														<button type="button" id="show-verticalmenu" data-toggle="collapse" class="navbar-toggle">      
			                                                <i class="fa fa-bars"></i>
			                                                <span>分类目录</span>
			                                            </button>
													</div>
													<div class="vertical-wrapper">
														<span id="remove-verticalmenu" class="fa fa-times"></span>
														<div class="megamenu-pattern">
															<div class="container-mega">
																<ul class="megamenu">
																	<!-- <li class="item-vertical  with-sub-menu hover"> -->
																	<li class="item-vertical with-sub-menu hover" v-for="item in firstCatShowData">
																		<p class="close-menu"></p>
																		<a :href="'category.html?type='+item.id" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>

																	<li class="item-vertical" style="display: none;" v-for="item in firstCatHideData">
																		<p class="close-menu"></p>
																		<a href="#" class="clearfix">
																			<span>{{item.name}}</span>
																			<b class="fa-angle-right"></b>
																		</a>
																	</li>
																	
																	<li class="loadmore">
																		<i class="fa fa-plus-square-o"></i>
																		<span class="more-view">更多分类</span>
																	</li>
																</ul>
															</div>
														</div>
													</div>
												</div>
											</nav>
										</div>
									</div>

								</div>

								<!-- Main menu -->
								<div class="main-menu-w col-lg-10 col-md-9">
									<div class="responsive so-megamenu megamenu-style-dev">
										<nav class="navbar-default">
											<div class=" container-megamenu  horizontal open ">
												<div class="navbar-header">
													<button type="button" id="show-megamenu" data-toggle="collapse" class="navbar-toggle">
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                            <span class="icon-bar"></span>
	                                        </button>
												</div>

												<div class="megamenu-wrapper">
													<span id="remove-megamenu" class="fa fa-times"></span>
													<div class="megamenu-pattern">
														<div class="container-mega">
															<ul class="megamenu" data-transition="slide" data-animationtime="250">
																<li class="home hover">
																	<a href="index.html">首页</a>
																</li>
																<li>
																	<p class="close-menu"></p>
																	<a href="category.html?type=888999222" class="clearfix">
																		<strong>特惠专区</strong>
																	</a>
																</li>
															</ul>
														</div>
													</div>
												</div>
											</div>
										</nav>
									</div>
								</div>
								<!-- //end Main menu -->

								<div class="bottom3">									
									<div class="signin-w hidden-md hidden-sm hidden-xs logout-box">
										<ul class="signin-link blank">
											<li class="log user-tel"></li>
											<li class="log login"> &nbsp;&nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="userCenter.html">个人中心</a> &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">| &nbsp;&nbsp;&nbsp;</li>
											<li class="log login">
												<a href="#" data-toggle="modal" data-target="#confirmModal">退出登录</a>
											</li>
										</ul>
									</div>
									<div class="signin-w hidden-md hidden-sm hidden-xs login-box">
										<ul class="signin-link blank">
											<li class="log login">
												<a class="link-lg" data-toggle="modal" data-target="#loginModal" href="#" onclick="loginLayer()">登录 </a>&nbsp;&nbsp;&nbsp;
												<a href="#" data-toggle="modal" data-target="#registeredModal" onclick="rigsterLayer()">注册</a>
											</li>
										</ul>
									</div>
								</div>

							</div>
						</div>

					</div>
				</header>
				<!-- //Header Container  -->

				<!-- Main Container  -->
				<div class="main-container container">
					<ul class="breadcrumb">
						<li>
							<a href="#"><i class="fa fa-home"></i></a>
						</li>
						<li>
							<a href="#">商品类目</a>
						</li>
					</ul>

					<div class="row">
						<!--Left Part Start -->
						<aside class="col-sm-4 col-md-3 content-aside" id="column-left">
							<div class="module category-style" style="display: none;">
								<h3 class="modtitle">类别</h3>
								<div class="modcontent">
									<div class="box-category">
										<ul id="cat_accordion" class="list-group">
											<li class="hadchild">
												<a href="category.html" class="cutom-parent">家用电器</a>
												<!--<span class="button-view  fa fa-plus-square-o"></span>-->
												<!--<ul style="display: block;">
													<li>
														<a href="category.html">Men's Watches</a>
													</li>
													<li>
														<a href="category.html">Women's Watches</a>
													</li>
													<li>
														<a href="category.html">Kids' Watches</a>
													</li>
													<li>
														<a href="category.html">Accessories</a>
													</li>
												</ul>-->
											</li>
											<li class="hadchild">
												<a class="cutom-parent" href="category.html">电脑/办公</a>
												<!--<span class="button-view  fa fa-plus-square-o"></span>-->
												<ul style="display: none;">
													<li>
														<a href="category.html">Cycling</a>
													</li>
													<li>
														<a href="category.html">Running</a>
													</li>
													<li>
														<a href="category.html">Swimming</a>
													</li>
													<li>
														<a href="category.html">Football</a>
													</li>
													<li>
														<a href="category.html">Golf</a>
													</li>
													<li>
														<a href="category.html">Windsurfing</a>
													</li>
												</ul>
											</li>
											<li class="hadchild">
												<a href="category.html" class="cutom-parent">家居/家具/家装/厨具</a>
												<!--<span class="button-view  fa fa-plus-square-o"></span>-->
												<ul style="display: none;">
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
												</ul>
											</li>
											<li class="hadchild">
												<a href="category.html" class="cutom-parent">男装/女装/童装/内衣</a>
												<!--<span class="button-view  fa fa-plus-square-o"></span>-->
												<ul style="display: none;">
													<li>
														<a href="category.html">Men's Watches</a>
													</li>
													<li>
														<a href="category.html">Women's Watches</a>
													</li>
													<li>
														<a href="category.html">Kids' Watches</a>
													</li>
													<li>
														<a href="category.html">Accessories</a>
													</li>
												</ul>
											</li>
											<li class="hadchild">
												<a href="category.html" class="cutom-parent">母婴/乐器玩具</a>
												<!--<span class="button-view  fa fa-plus-square-o"></span>-->
												<ul style="display: none;">
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
													<li>
														<a href="category.html">Sub Categories</a>
													</li>
												</ul>
											</li>
											<li class="">
												<a href="category.html" class="cutom-parent">机票/酒店/旅游/生活</a> <span class="dcjq-icon"></span></li>
											<li class="">
												<a href="category.html" class="cutom-parent">理财/众筹/白条/保险</a> <span class="dcjq-icon"></span></li>
											<!--<li class=""><a href="category.html" class="cutom-parent">Sports</a>  <span class="dcjq-icon"></span></li>
	                				<li class=""><a href="category.html" class="cutom-parent">Home &amp; Garden</a><span class="dcjq-icon"></span></li>
	                				<li class=""><a href="category.html" class="cutom-parent">Wines &amp; Spirits</a>  <span class="dcjq-icon"></span></li>-->
										</ul>
									</div>

								</div>
							</div>
							<div class="module product-simple">
								<h3 class="modtitle">
			                        <span>最新产品</span>
			                    </h3>
								<div class="modcontent">
									<div class="so-extraslider">
										<!-- Begin extraslider-inner -->
										<div class=" extraslider-inner">
											<div class="item ">
												<div class="product-layout item-inner style1" v-for="item in newDataOne">
													<div class="item-image">
														<div class="item-img-info">
															<a :href="'product.html?Id='+item.id" target="_self" title="">
																<img :src="item.url+item.image" alt="">
															</a>
														</div>
													</div>
													<div class="item-info">
														<div class="item-title">
															<a :href="'product.html?Id='+item.id" class="line-txt-2" target="_self" title="">{{item.title}}</a>
														</div>
														<div class="content_price price">
															<span class="price-new product-price">￥{{item.price}}</span>&nbsp;&nbsp;
															<span class="price-old">￥{{item.price|priceOld}}</span>
															<p class="back-count">返权限积分：100</p>
														</div>
													</div>
													<!-- End item-info -->
													<!-- End item-wrap-inner -->
												</div>												
											</div>
										</div>
										<!--End extraslider-inner -->
									</div>
								</div>
							</div>
							<div class="module banner-left hidden-xs ">
								<div class="banner-sidebar banners">
									<div>
										<a title="Banner Image" href="#">
											<img src="image/catalog/banners/banner2.jpg" alt="Banner Image">
										</a>
									</div>
								</div>
							</div>
						</aside>
						<!--Left Part End -->

						<!--Middle Part Start-->
						<div id="content" class="col-md-9 col-sm-8">
							<div class="products-category">
								<!-- <h3 class="title-category ">商品</h3>
								<div class="category-desc">
									<div class="row">
										<div class="col-sm-12">
											<div class="banners">
												<div>
													<a href="#"><img src="image/catalog/demo/category/img-cate.jpg" alt="img cate"><br></a>
												</div>
											</div>

										</div>
									</div>
								</div> -->

								<!-- Filters -->
								<!-- <div class="product-filter product-filter-top filters-panel">
									<div class="row">
										<div class="col-md-5 col-sm-3 col-xs-12 view-mode">

											<div class="list-view">
												<button class="btn btn-default grid active" data-view="grid" data-toggle="tooltip" data-original-title="格栅"><i class="fa fa-th"></i></button>
												<button class="btn btn-default list" data-view="list" data-toggle="tooltip" data-original-title="列表"><i class="fa fa-th-list"></i></button>
											</div>

										</div>
									</div>
								</div> -->
								<!-- //end Filters -->

								<!--changed listings-->
								<div class="products-list row nopadding-xs so-filter-gird category-wallbox">

									<div class="product-layout col-lg-15 col-md-4 col-sm-6 col-xs-12" v-for="item in categoryData">
										<div class="product-item-container">
											<div class="left-block left-b">

												<div class="product-image-container">
													<a :href="'product.html?Id='+item.id" target="_self" title="">
														<img :src="item.url+item.image" alt="">
													</a>
												</div>
												

											</div>
											<div class="right-block">
												<div class="button-group so-quickview cartinfo--left">
													<button type="button" class="addToCart" title="添加至购物车" @click="goCart(item.id)">
			                                            <span>添加至购物车 </span>   
			                                        </button>
													<button type="button" class="wishlist btn-button" title="收藏">
														<i class="fa fa-heart-o"></i>
														<span></span>
	                                        		</button>
													<!-- <button type="button" class="compare btn-button" title="对比">
														<i class="fa fa-retweet"></i>
														<span>对比</span>
	                                        		</button> -->
												</div>
												<div class="caption hide-cont">
													<h4><a :href="'product.html?Id='+item.id" class="line-txt-2" title="" target="_self">{{item.title}}</a></h4>

												</div>
												<p class="price">
													<span class="price-new">￥{{item.price}}</span>&nbsp;&nbsp;
													<span class="price-old">￥{{item.price|priceOld}}</span>
												</p>
												<div class="description item-desc">
													<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est . </p>
												</div>
												<div class="list-block" style="display: none;">
													<button class="addToCart btn-button" type="button" title="添加至购物车" onclick="cart.add('101', '1');"><i class="fa fa-shopping-basket"></i>
	                                        		</button>
													<button class="wishlist btn-button" type="button" title="Add to Wish List" onclick="wishlist.add('101');"><i class="fa fa-heart"></i>
	                                        		</button>
													<button class="compare btn-button" type="button" title="Compare this Product" onclick="compare.add('101');"><i class="fa fa-refresh"></i>
	                                        		</button>													
												</div>
											</div>

										</div>
									</div>

									

								</div>
								<!-- //end Filters -->

							</div>

						</div>

						<!--Middle Part End-->
					</div>
				</div>
				<!-- //Main Container -->

				<!-- Footer Container -->
				<footer class="footer-container typefooter-1">
					<!-- Footer Top Container -->

					<div class="container">
						<div class="row footer-top">
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12"> </div>
							<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
								<div class="module newsletter-footer1">
									<div class="newsletter">

										<div class="title-block">
											<div class="page-heading font-title">
												留下你的邮箱
											</div>

										</div>

										<div class="block_content">
											<form method="post" id="signup" name="signup" class="form-group form-inline signup send-mail">
												<div class="form-group">
													<div class="input-box">
														<input type="email" placeholder="" value="" class="form-control" id="txtemail" name="txtemail" size="55">
													</div>
													<div class="subcribe">
														<button class="btn btn-primary btn-default font-title" type="submit" name="submit">
	                                            提交
	                                        </button>
													</div>
												</div>
											</form>

										</div>
										<!--/.modcontent-->

									</div>

								</div>
							</div>
						</div>
					</div>

					<!-- /Footer Top Container -->

					<div class="footer-middle ">
						<div class="container">
							<div class="row">
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-infos">
									<div class="infos-footer">
										<a href="#"><img src="image/catalog/logo-footer.png" alt="image"></a>
										<ul class="menu">
											<li class="adres">
												公司地址：厦门市观音山台商总部大厦
											</li>
											<li class="phone">
												客服电话：4008-135268547
											</li>
											<li class="mail">
												传&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;真：4008-135268547
											</li>
											<li class="time">
												工作时间：9:00 ~ 17:00
											</li>
										</ul>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-information box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">信息</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">关于我们</a>
													</li>
													<li>
														<a href="#">传真</a>
													</li>
													<li>
														<a href="#">保修和服务</a>
													</li>
													<li>
														<a href="#">24小时支持</a>
													</li>
													<li>
														<a href="#">产品注册</a>
													</li>
													<li>
														<a href="#">产品支持</a>
													</li>
												</ul>
											</div>
										</div>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-account box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">我的帐户</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">品牌</a>
													</li>
													<li>
														<a href="#">礼券</a>
													</li>
													<li>
														<a href="#">机构</a>
													</li>
													<li>
														<a href="#">节目</a>
													</li>
													<li>
														<a href="#">保修和服务</a>
													</li>
													<li>
														<a href="#">自定义链接</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-clear">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">类别</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">活动与聚会用品</a>
													</li>
													<li>
														<a href="#">家居装修</a>
													</li>
													<li>
														<a href="#">灯与灯具</a>
													</li>
													<li>
														<a href="#">厨房和浴室</a>
													</li>
													<li>
														<a href="#">客户服务</a>
													</li>
													<li>
														<a href="#">厨房和餐厅</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">服务</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">联系我们</a>
													</li>
													<li>
														<a href="#">退货</a>
													</li>
													<li>
														<a href="#">支持</a>
													</li>
													<li>
														<a href="#">站点</a>
													</li>
													<li>
														<a href="#">客服服务</a>
													</li>
													<li>
														<a href="#">自定义链接</a>
													</li>
												</ul>
											</div>
										</div>
									</div>

								</div>
								<div class="col-lg-2 col-md-4 col-sm-4 col-xs-12 col-style">
									<div class="box-service box-footer">
										<div class="module clearfix">
											<h3 class="modtitle">类别</h3>
											<div class="modcontent">
												<ul class="menu">
													<li>
														<a href="#">活动与聚会用品</a>
													</li>
													<li>
														<a href="#">家居装修</a>
													</li>
													<li>
														<a href="#">灯与灯具</a>
													</li>
													<li>
														<a href="#">厨房和浴室</a>
													</li>
													<li>
														<a href="#">客户服务</a>
													</li>
													<li>
														<a href="#">厨房和餐厅</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
								</div>

							</div>
						</div>
					</div>
					<div class="container">
						<div class="row">
							<div class="footer-b">
								<div class="bottom-cont">
									<a href="#"><img src="image/catalog/demo/payment/pay1.jpg" alt="image"></a>
									<ul class="footer-links">
										<li>
											<a href="#">关于我们</a>
										</li>
										<li>
											<a href="#">客户服务</a>
										</li>
										<li>
											<a href="#">隐私政策</a>
										</li>
										<li>
											<a href="#">网站地图</a>
										</li>
										<li>
											<a href="#">订货和退货</a>
										</li>
										<li>
											<a href="#">联系我们</a>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<!-- Footer Bottom Container -->
					<div class="footer-bottom">
						<div class="container">
							<div class="col-lg-12 col-xs-12 payment-w">
								<img src="image/catalog/demo/payment/payment.png" alt="imgpayment">
							</div>
						</div>
						<div class="copyright-w">
							<div class="container">
								<div class="copyright">
									Copyright &copy; 2018.Company name All rights reserved.
									<!--<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>-->
								</div>
							</div>
						</div>
					</div>
					<!-- /Footer Bottom Container -->

					<!--Back To Top-->
					<div class="back-to-top"><i class="fa fa-angle-up"></i></div>
				</footer>
				<!-- //end Footer Container -->

			</div>

			<!-- Cpanel Block -->
			<div id="sp-cpanel_btn" class="isDown visible-lg">
				<i class="fa fa-cog"></i>
			</div>
		</div>

		<script type="text/javascript" src="js/vue/vue.js"></script>
		<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/owl-carousel/owl.carousel.js"></script>
		<script type="text/javascript" src="js/slick-slider/slick.js"></script>
		<script type="text/javascript" src="js/themejs/libs.js"></script>
		<script type="text/javascript" src="js/unveil/jquery.unveil.js"></script>
		<script type="text/javascript" src="js/countdown/jquery.countdown.min.js"></script>
		<script type="text/javascript" src="js/dcjqaccordion/jquery.dcjqaccordion.2.8.min.js"></script>
		<script type="text/javascript" src="js/datetimepicker/moment.js"></script>
		<script type="text/javascript" src="js/datetimepicker/bootstrap-datetimepicker.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui/jquery-ui.min.js"></script>
		<script type="text/javascript" src="js/modernizr/modernizr-2.6.2.min.js"></script>
		<script type="text/javascript" src="js/minicolors/jquery.miniColors.min.js"></script>

		<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/login.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/category.js" type="text/javascript" charset="utf-8"></script>

		<!-- 页面效果 -->
		<script type="text/javascript" src="js/themejs/application.js"></script>
		<script type="text/javascript" src="js/themejs/homepage.js"></script>
		<script type="text/javascript" src="js/themejs/so_megamenu.js"></script>
		<script type="text/javascript">
			<!--
			// Check if Cookie exists
			if($.cookie('display')) {
				view = $.cookie('display');
			} else {
				view = 'grid';
			}
			if(view) display(view);
			//-->
		</script>
	</body>

</html>